﻿
<!DOCTYPE html>
<html>
  <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="pt-BR" class="no-js"><!-- A classe 'no-js' é reconhecida pelo javascript modernizr, permitindo que browsers antigos reconheçam corretamente nossas tags -->
<!--<![endif]-->
  <head>
    <title>Secretaria de Gestão de Pessoas</title>
        
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="css/template.css" rel="stylesheet" />
    <style>
		body {
			/*background-image: radial-gradient(circle, #2E8B57, #006400);*/
			background-image: radial-gradient(circle, #36648B, #2F2F4F);
		}
    </style>

    <!-- HTML5 shim, for IE6-8 s 
      <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="img/ico/favicon.png">
  </head>
  
  <body>
   <!--[if lt IE 7]>
            <p class="chromeframe">Você está usando um brower desatualizado. <a href="http://browsehappy.com/">Atualize seu browser</a> ou <a href="http://www.google.com/chromeframe/?redirect=true">instale Google Chrome Frame</a> para melhor visualizar este site.</p>
        <![endif]-->
          
  <div class="corpoLogin">
    <div class="container">

      <form class="form-signin" name="formLogin" action="php/ouvinte.php" method="POST">
      <input type="hidden" name="opt" id="opt" value="20" />
        <!-- <h2 class="form-signin-heading">Efetuar Login</h2> -->
        <img src="img/logomarca2.png" />
        <hr/>
        
         <input type="text" class="input-block-level span3" placeholder="Login de Usuário" name="login" />
         <input type="password" class="input-block-level span3" placeholder="Senha" name="senha" />
        
        <label>
          <a href="formCadastraUsuario.php">Cadastrar Usuário</a>
        </label>
        <button class="btn btn-medium btn-primary" type="submit" name="acessar">Acessar</button>
      </form>

    </div> <!-- /container -->
    </div>
    <div class="navbar navbar-fixed-bottom hidden-phone">
    <ul>
    	<li>Navegadores recomendados:</li>
    	<li><a href="http://br.mozdev.org/firefox/download/" target="_blank"><img src="img/mozilla2.png" title="Mozilla Firefox" width="30px"/></a></li> 
    	<li><a href="https://www.google.com/intl/pt-BR/chrome/browser/?hl=pt-BR" target="_blank"><img src="img/chrome2.png" title="Chrome" width="30px"/></a></li>
    	<li><p class="pull-right"> &copy; Secretaria de Gestão de Pessoas <?php echo date('Y');?></p></li>
    </ul>
    </div>
 
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.9.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.validate.js"></script>
  </body>
</html>
